html {
    background-color: #000000;
    overflow-x: hidden;
    max-width: 100%;
    overflow-y: hidden;
    max-width: 100%;
}

.group {
    color: #979797;
    cursor: pointer;
}

.g-selected {
    cursor: pointer;
    color: #ebebeb;
}

.page {
    display: none;
}

.page-selected {
    display: flex;
    color:aqua
}

#groups {
    position: fixed;
    top: 15%;
    width: 100%;
    font-size: 140%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0.5%;
    gap: 20px;
    z-index: 999;
}



h1 {
    color: #fafafa;
}

#main-container {
    display: flex;
    position: absolute;
    top: 25%;
    width: 100%;
    height: 70%;
    justify-content: center;
}

#main-content {
    display: flex;
    position: absolute;
    width: 80%;
}

#header {
    position: fixed;
    width: 100%;
    height: 15%;

    display: flex;
    justify-content: center;
    align-items: center;

    user-select: none;
    z-index: 999;
}

#logo {
    display: inline-flex;
    font-size: 52px;
    gap: 1%;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    align-self: center;
}

@font-face {
    font-family: "Bahnschrift";
    src: url("../fonts/Bahn-SemiBoldSemiCondensed.ttf") format("ttf");
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Gabriola';
	src: url('../fonts/gabriola.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/gabriola.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/gabriola.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/gabriola.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/gabriola.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/gabriola.svg#gabriola') format('svg'); /* Chrome < 4, Legacy iOS */
}

body {
    font-family: "Gabriola", sans-serif;
    display: flex;
    height: 100%;
}

img {
    pointer-events: none;
}

#a108b63f0c15 {
    position: relative;
    width: 100px;
    height: 100px;
    bottom: 5%;
}

p {
    font-family: "Bahnschrift";
}